是否有MobileSafari、HTML或CSS标记或属性来限制触摸缩放和平移到页面上的一个元素？例如，我希望能够放大和缩小图像或div元素，但页面上的各种其他元素都保持原位并保持相同大小。这可能会通过限制平移和滚动视口(viewport)元标记来工作，然后说我可以做到但只能在特定元素上进行。任何帮助将不胜感激。 最佳答案 我很确定你会做this.代码:HTML:Youcanzoomhere!Nozoominghere!CSS:.zoom{font-size:36px;overflow:auto;height:100px;width

是否有MobileSafari、HTML或CSS标记或属性来限制触摸缩放和平移到页面上的一个元素？例如，我希望能够放大和缩小图像或div元素，但页面上的各种其他元素都保持原位并保持相同大小。这可能会通过限制平移和滚动视口(viewport)元标记来工作，然后说我可以做到但只能在特定元素上进行。任何帮助将不胜感激。 最佳答案 我很确定你会做this.代码:HTML:Youcanzoomhere!Nozoominghere!CSS:.zoom{font-size:36px;overflow:auto;height:100px;width

当我在手机上查看我的网站时，我可以防止它调整大小/缩放但是，我希望能够调整大小，但是否可以让某些元素保持固定比例？基本上，如果我有stuffContent当我在手机上放大时，“内容”会像往常一样放大，但页眉会保持固定大小。标题的字体大小相同，外观相同等。文本太多，我无法考虑使用图像作为替代选项。基本上，我想为特定元素设置一个user-scalable=no东西。JS/jQuery方法都可以，是的，我知道其中一种解决方案是手动调整所有内容的大小，或者将所有内容设为百分比，但这很丑陋，不是我想要的。 最佳答案 不幸的是，除非您使用自定义

当我在手机上查看我的网站时，我可以防止它调整大小/缩放但是，我希望能够调整大小，但是否可以让某些元素保持固定比例？基本上，如果我有stuffContent当我在手机上放大时，“内容”会像往常一样放大，但页眉会保持固定大小。标题的字体大小相同，外观相同等。文本太多，我无法考虑使用图像作为替代选项。基本上，我想为特定元素设置一个user-scalable=no东西。JS/jQuery方法都可以，是的，我知道其中一种解决方案是手动调整所有内容的大小，或者将所有内容设为百分比，但这很丑陋，不是我想要的。 最佳答案 不幸的是，除非您使用自定义

我有一张图片，其中的按钮垂直对齐。然后我使用指定“背景位置”的css来根据按钮的类别显示正确的按钮。我遇到的问题是，当用户按下“cmd+”(或缩放他们的浏览器)时，图像“变大”并且您开始看到其他按钮(不同颜色)。如何使背景保持“固定”，使其不会随浏览器放大。提前致谢!这是CSS:https://gist.github.com/b5d52ab2a2f84ed82fb4预览:正常:cl.ly/3d3y2D3c0D0A2T1n0f0G和缩放:cl.ly/1K2t450p2m3B2x133j04奇怪的是，这种效果似乎只出现在Safari中(我已经测试过chrome、safari和firefox

我有一张图片，其中的按钮垂直对齐。然后我使用指定“背景位置”的css来根据按钮的类别显示正确的按钮。我遇到的问题是，当用户按下“cmd+”(或缩放他们的浏览器)时，图像“变大”并且您开始看到其他按钮(不同颜色)。如何使背景保持“固定”，使其不会随浏览器放大。提前致谢!这是CSS:https://gist.github.com/b5d52ab2a2f84ed82fb4预览:正常:cl.ly/3d3y2D3c0D0A2T1n0f0G和缩放:cl.ly/1K2t450p2m3B2x133j04奇怪的是，这种效果似乎只出现在Safari中(我已经测试过chrome、safari和firefox

我在两个具有相同屏幕分辨率的不同Android设备之间进行缩放时遇到问题。我的第一台设备是“Nexus7平板电脑”，第二台是“三星GalaxyNote”。两种设备的屏幕分辨率均为1280x800，并且两种设备都强制网页显示为纵向模式(通过Dolphin浏览器)。海豚浏览器还使用“全屏”插件。为了解释为什么我需要在页面加载时正确缩放屏幕大小，我正在尝试构建一个电视Remote网络界面以与Eventghost一起使用。我一直在努力让“Viewport”Meta标记处理调整大小，但我似乎无法让它正常工作(尽管在Android方面有所有可用的文档)。我发现一个页面建议我可以使用视口(viewp

我在两个具有相同屏幕分辨率的不同Android设备之间进行缩放时遇到问题。我的第一台设备是“Nexus7平板电脑”，第二台是“三星GalaxyNote”。两种设备的屏幕分辨率均为1280x800，并且两种设备都强制网页显示为纵向模式(通过Dolphin浏览器)。海豚浏览器还使用“全屏”插件。为了解释为什么我需要在页面加载时正确缩放屏幕大小，我正在尝试构建一个电视Remote网络界面以与Eventghost一起使用。我一直在努力让“Viewport”Meta标记处理调整大小，但我似乎无法让它正常工作(尽管在Android方面有所有可用的文档)。我发现一个页面建议我可以使用视口(viewp

例如:我有一个宽度为300px的元素。然后，如果我放大，我仍然有宽度为300px的元素，但每个css像素都会更大。但是如果我设置max-width:1000px然后将在某一时刻放大元素开始收缩宽度。为什么？ 最佳答案 这是因为最大宽度是为了防止元素缩放超过1000像素，只要容器宽度或屏幕小于1000像素，元素就会响应宽度的50%。element{width:50%;max-width:1000px;}当设置固定宽度300px时，元素不再响应并且无法根据屏幕的缩放或调整大小来调整大小。因此，当放大元素时会保持其大小，因此在下面的代码中

例如:我有一个宽度为300px的元素。然后，如果我放大，我仍然有宽度为300px的元素，但每个css像素都会更大。但是如果我设置max-width:1000px然后将在某一时刻放大元素开始收缩宽度。为什么？ 最佳答案 这是因为最大宽度是为了防止元素缩放超过1000像素，只要容器宽度或屏幕小于1000像素，元素就会响应宽度的50%。element{width:50%;max-width:1000px;}当设置固定宽度300px时，元素不再响应并且无法根据屏幕的缩放或调整大小来调整大小。因此，当放大元素时会保持其大小，因此在下面的代码中